<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/index.css">
    <title>Document</title>
</head>
<body>
    <div class="header">
        <div class="banner">
            <div class="ban_all">
                <div class="ban_left">
                    <img src="images/yun.png">
                    <div class="ban_user">欢迎你,管理者!</div>
                </div>
                <div class="ban_right">
                    <div><a href="#he">审核</a></div>
                    <div><a href="#ku">图书库</a></div>
                </div>
            </div>
        </div>
        <div class="search">
            
                <input type="text" placeholder="请输入查询信息">
                <button class="searchbtn"><img src="images/search.png" alt=""></button>
            
        </div>
    </div>
    <div class="check">
        <div class="white"></div>
        <div class="check_all">
            <div class="check_ban">
                <div class="check_left">
                    <img src="images/order.png">
                    <div class="check_word" id="he">审核</div>
                </div>
                <div class="check_right"><button class="getbtn">获取审批信息</button></div>
            </div>
            <table>
                <thead>
                    <tr>
                        <th>申请用户</th>
                        <th>邮箱</th>
                        <th>书名</th>
                        <th>发起时间</th>
                        <th>借阅时间</th>
                        <th>操作</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td>
                            <button class="agreebtn">同意</button>
                            <button class="returnbtn">驳回</button>
                        </td>
                    </tr>
                </tbody>
            </table>
            <div class="white"></div>
        </div>
    </div>
    <div class="book_ku">
        <div class="ku_all">
            <div class="ku_ban">
                <div class="ku_left">
                    <img src="images/ku.png">
                    <div class="ku_word" id="ku">图书库</div>
                </div>
                <div class="ku_right"><button class="topbtn">上架</button></div>
            </div>
            <ul class="ku_kinds">
                <li class="ku_kind">
                    <div class="pic"><img src="images/java1.jpg" alt=""></div>
                    <div class="content">
                        <div class="bookname">《Java从入门到项目实战》</div>
                        <div class="intro">类型</div>
                        <div class="num">本数</div>
                        <div class="inform">介绍</div>
                    </div>
                    <div class="btn">
                        <button class="bottombtn">下架</button>
                    </div>
                </li>
            </ul>
            <div class="white"></div>
        </div>
    </div>
    <div class="out" style="display: none;">
        <!-- <div class="file_image"></div> -->
        <div class="manager_input">
            <div>
                <label>书名：</label>
                <input type="text" placeholder="请输入书名**带书名号">
            </div>
            <div>
                <label>类型：</label>
                <input type="text" placeholder="输入书籍类型">
            </div>
            <div>
                <label>数量：</label>
                <input type="text" placeholder="输入书籍数">
            </div>
            <div>
                <label>介绍：</label>
                <input type="text" placeholder="写入该书介绍">
            </div>
            <div class="submit">
                <button class="submitbtn">提交</button>
                <button class="closebtn">关闭</button>
            </div>
        </div>
    </div>
    <script src="js/index.js"></script>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script> 
</body>
</html>